<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
 <HEAD>
  <TITLE> New Document </TITLE>
  <script src='Calendar.js'></script>
  <script src='Calendar-zh.js'></script>
  <script src='Calendar-Setup.js'></script>
  <link href='calendar-system.css' rel='stylesheet' type='text/css' />
 </HEAD>

 <BODY>
  <FORM METHOD=POST ACTION="">
	<INPUT TYPE="text" NAME="txtStartDate" class="calendar_input">
	<INPUT TYPE="text" NAME="txtEndDate" class="calendar_input"> 
  </FORM>
      <script type="text/javascript">
          Calendar.setup({
              inputField: "txtStartDate",
              ifFormat: "%Y-%m-%d %H:%M",
              button: "txtStartDate",
              align: "Br",
              singleClick: true,
              onClose: function () {
                  alert("date");
                  this.hide(); 
              }
          });
        Calendar.setup({
	        inputField     :    "txtEndDate",
	        ifFormat       :    "%Y-%m-%d",
	        button         :    "txtEndDate",
	        align          :    "Br",
	        singleClick    :    true
        });
    </script>
 </BODY>
</HTML>
